/* usage:
  <link rel="stylesheet" type="text/css" href="xxx/sprite.css">
  <div class="iconfont telephone"></div>
*/

.iconfont {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url(./sprite.png);
}

.telephone {
  background-position: 0px 0px;
}

.ice-cream {
  background-position: 0px -64px;
}

.motorcycle {
  background-position: 0px -128px;
}

.airplane {
  background-position: 0px -192px;
}

.earphone {
  background-position: 0px -256px;
}

.fan {
  background-position: 0px -320px;
}

.truck {
  background-position: 0px -384px;
}

.coffee {
  background-position: 0px -448px;
}

.windmill {
  background-position: 0px -512px;
}

.parachute {
  background-position: 0px -576px;
}

.clock {
  background-position: 0px -640px;
}

.car {
  background-position: 0px -704px;
}

.balloon {
  background-position: 0px -768px;
}

.laba {
  background-position: 0px -832px;
}

.desk-lamp {
  background-position: 0px -896px;
}

.watermelon {
  background-position: 0px -960px;
}

.cola1 {
  background-position: 0px -1024px;
}

.cola2 {
  background-position: 0px -1088px;
}

.helicopter {
  background-position: 0px -1152px;
}

.zhi-feng-che {
  background-position: 0px -1216px;
}